/* CSS RESET */
html{
	color:#000;
	font-family: Trebuchet, Geneva, sans-serif;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	margin-left: auto;
	margin-right: auto;
}

table td{
	text-align: left;
	padding-right: 10px;
	color:#006600;
	margin-left: auto;
	margin-right: auto;
}

table tr.parkDisplay{
	text-align: left;
	float: left;
	margin-right: 100px;
}
tr.parkDisplay a:hover {
	font-weight: normal;
   background: #d4f7bf;
   color:#000000;
	text-decoration:underline;
}

#review{
   margin-right: 15%;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

table{
	font-size:inherit;
	font-size:100%;
}
/* CSS RESET */

body {
	font:12px/1.2  Trebuchet,helvetica,clean,sans-serif;
	margin-top:30px;
	width: auto;
	text-align:center;
	color:#000;
	background: #FFF;
}
a {
	text-decoration:none;
   color:#000;
   font-family: Trebuchet, Geneva, sans-serif;

}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}

#wrap {
	width: 1020px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	background:url('../images/bg.png');
	background-repeat: no-repeat;
}

/* header */
#header {
position:relative;
width:auto;
height:140px;
}

#logo {
	position:absolute;
	background:url('../images/banner.png');
	background-repeat: no-repeat;
	width: 559px;
	height: 150px;
	margin-left:20px;
	margin-top:25px;
	left: 211px;
	top: 58px;
}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}

#login {
   color:#000;
	position:absolute;
	right:9px;
	height:18px;
	background-color: #d4f7bf;
	margin-top:11px;
   padding-right: 15px;
	text-align:center;
	width:auto;
	padding-left:2%;
   -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
   font-size:0.9em;
}

#loginInner {
   padding-top: 2%;
   padding-left: 1%;
}

#loginInner a{
}

#login a:hover {
	text-decoration: underline;
	font-weight: normal;
}
#nav {
	position:absolute;
	top:11px;
	left:280px;
	background:url('../images/nav.jpg');
	width:421px;
	height:38px;
	line-height:38px;
	padding:0 0 0 30px;
}
#nav li {
	float:left;
	font-weight:500;
}
#nav a {
	display:block;
	text-align:center;
	color:#FFF;
}
#nav a:hover {
	font-weight: normal;
   background: #d4f7bf;
   color:#000000;
	text-decoration:underline;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.main {
   width:600px;
   height: 1300px;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	background:url('../images/leaf.png');
	background-repeat: no-repeat;
	color:#006600;
	margin-top:95px;
	margin-left: auto;
	margin-right: auto;
}
.main a{
	color:#006600;
	font-weight: normal;
}

#mainLogin {
   height: 500px;
}

mainLogin a{
}

#text{
   padding-top: 5%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#text p {
	width:450px;
   text-align: justify;
   margin-bottom: 40px;
   margin-left: 13%;
}
#text h2 {
	font-size:30px;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
}

#text h1 {
	font-size:20px; 
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
}

#text img {
   margin-right: 60px;
}
#text a {
	color:#006600
}

#text p.singleLine{
	text-align: center;
	margin-left: 10px;
}

li.h {width:86px}
li.f {width: 91px; padding-left: 2px;}
li.a {width: 106px; padding-left: 2px; }
li.c {width:80px; padding-left: 2px;}

.h a:hover{}
.f a:hover{}
.a a:hover{}
.c a:hover{}

/* content */
#content {
   width:880px;
	margin:0 auto;
	margin-top:0px;
}


#top {
	margin-top:50px;
}

#leftCol {
	height:50px;
}

#leftColContent{
   color:#FFF;
	position:absolute;
	bottom:0px;
	width: 65%;
	left: 12px;
}

#leftColContent h2{
	background-color: #56991a;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

/* footer */
#footer {
   position: relative;
   margin-top: 5%;

   text-align: center;
   margin-left:auto;
   margin-right:auto;
   background:url('../images/tree.png');
   background-repeat: no-repeat;
   background-position: center;

}
.bg{

   width: 100%;
}
#ftinner{
   bottom:0px;
   margin-left:auto;
   margin-right:auto;
   margin-top: 2%;
   padding-top: 16%;
   text-align: center;

}
.ftlink a{
   color:#006600;
   text-transform: capitalize;
}

.ftlink a p{
}

.ftlink a:hover {
	font-weight: normal;
}

.fr{ position:absolute;}
.side {
	margin-top:0px;
	width:191px;
	margin-left:737px;
	height:329px;
	border-color: #30aeb0;
	border-width: 2px;
		font-size:0.9em;

}

.side h2 {
	background-color: #56991a;
   text-align: center;
	line-height: 1.1em;
	font-size:1.2em;
	font-family: Trebuchet, Geneva, sans-serif;
	color:#FFF;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
   -moz-border-radius-topright: 10px; 
   -webkit-border-top-right-radius: 10px;
   

}

.side li {
	line-height:20px;
	list-style:none;
}


.side li:hover{
	background-color: #56991a;
	color: #FFF;
}

.side ul {
	margin-bottom: 30px;
	margin-top: 0px;
	background-color: #d4f7bf;
   text-align: left;
	text-indent:10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px; 
   -webkit-border-bottom-right-radius: 10px;
}

.side ul a:hover{
   color:#FFF;
   text-decoration: none;
}

.side a:hover{
   font-weight: normal;
}
#valid{
   float:right;
   margin-top: 50.5%;
   bottom:50px;

	width: auto;
}

.shakeimage{
   position: relative;
}

#fbShare{
   width: 12%;
   height: 5%;
   float:left;
   margin-left: 5%;
}

#twitShare{
   width: 12%;
   height: 5%;
   float:left;
   margin-left: 5%;
}
#fbLike{

   float:left;
   margin-left: 14%;
}

#map_canvas{
   margin-top: 5%;
   margin-left: auto;
   margin-right: auto;
}

#parkInfo{
   text-align: center;
}
#parkInfo h2{
   width: 50%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
   font-size:medium;
      background-color: #56991a;
   color: #FFF;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;

}
#parkLocation{
   height: 10%;
   width: 50%;
   background-color: #d4f7bf;
   margin-left: auto;
   margin-right: auto;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}



table.center {
   margin-left:auto;
   margin-right:auto;
}
#equiptment{
   background-color: #d4f7bf;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}
#parkEquipt h2{
	font-weight: bold;
	font-size: small;
   width: 50%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   background-color: #56991a;
   color: #FFF;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
}

td.equipType{
   text-align: left;
}

#report{
   color:#FFF;
   float: right;
   margin-right: 3.9%;
   margin-top: -0.7%;
   width: 10%;
	height:19px;
   background-color: #d4f7bf;
	text-align:center;
   -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
   font-size:0.9em;
}
#report a{
   color:#006600;
      width: 2%;
}

#report a:hover{
   color:#006600;
}
#report:hover{
   float: right;
   margin-right: 3.9%;
   margin-top: -0.7%;
   width: 10%;
   text-decoration: none;
   background-color: #56991a;
   color: #FFF;
   -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

#report:hover a{
   color: #FFF;
   text-decoration: none;
}

#review{
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding-bottom: 5%;
}

#rating{
   background-color: #d4f7bf;
   width: 50%;
   margin-left: auto;
   margin-top: -5%;
   margin-right: auto;
   text-align: center;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;

}

tr.rating{
   color: #FFF;
   margin-bottom: 2%;
   margin-right: 90%;

}
tr.yourRating p{
   text-align: center;
}
tr.header h2{
   margin-top: 2%;
   font-weight: bold;
   text-align: center;
   background-color: #56991a;
   color: #FFF;
   width: 103.5%;
}

input.ratingSubmit{
   margin-left: 28%;
}


p.ratingMessage{
   background-color: #56991a;
}

#toolboxLinks a{
   font-size: 115%;
}

#toolboxLinks a:hover{
   font-weight: normal;
   font-size: 115%;
}
#commentBox{
   margin-top: 2%;
   width: 95%;
   margin-left: 4%;
}

#locked{
   padding-top: 5%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#loggedIn{
   padding-top: 5%;
   text-align: center;
}

#loggedOut{
   padding-top: 5%;
   text-align: center;
}
#comments{
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 2%;
   background-color: #d4f7bf;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
}

table.commentTable{
   width: 90%;
}

tr.name{
   float: left;
   text-align: left;
   font-weight: bold;
}

tr.delete a{
   font-weight: normal;
   margin-left: 93%;
}
tr.userPosts p{
   text-align: justify
}
#comment{
   padding-top: 2%;
   color: #FFF;
   width: 100%;
   padding-bottom: 2%;
}
#comment:hover a{
   color: #FFF;
}

#comment:hover a:hover{
   color: #FFF;
   font-style: italic;
}

#comment:hover p{
   color: #FFF;
}
#comment:hover{
   color: #FFF;
   background-color: #56991a;
}

#comments h2{
   font-weight: bold;
   background-color: #56991a;
   color: #FFF;
   margin-bottom: 0%;
   padding-bottom: 0%;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
}

#searchResults{
   padding-top: 5%;
   margin-left: auto;
   margin-right: auto;
   width: 56%;
}

#searchResults p{
   text-align: center;
   
}

#resultName h2{
   color: #006600;
   font-weight: bold;
   padding-left: 4%;
   font-size: 80%;
   padding: 1% 0 1% 2%;
}

#resultName p{
   color: #006600;
   text-align: right;
   font-size: 80%;
   padding: 1% 0 1% 2%;
}


p.parkDetails{
   padding-left: 2%;
}

#resultContainer{
   margin-top: -4.5%;
   background-color: #d4f7bf;
}

#numResults h2{
   font-size: 120%;
   text-align: center;
   margin-top: 5%;
   font-weight: bold;
   background-color: #56991a;
   color: #FFF;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;

}

a.parkLinks{
   color: #006600;
   padding-top: 20%;
}

#resultContent img.parkIcon{
   padding-top: 7%;
   border: none;
   position:relative;
   float:left;
   margin-top: -5%;
   padding-right: 4%;
   padding-left: 2%;
   padding-bottom: 3%;
}
#resultContent{
   margin-top: 4.5%;
   color: #006600;
   height:auto;
   
}
#resultContent:hover{
   background-color: #56991a;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

#resultContent:hover h2{
   color: #FFF;
}

#resultContent:hover p {
   color: #FFF;
   background-color: #56991a;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

#resultName p{
   padding-right: 5%;
}

p.forwarded{
   text-align: right;
}

p.resultNav{
   text-align: center;   
   padding-bottom: 0.5%;
   color: #FFF;
      background-color: #56991a;
         -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

p.resultNav a{
   color: #FFF;
}

table.parkList{
   width: 90%;
}

#findPark{
   padding-top: 5%;
}

tr.field{
   height: 25px;
}

#findPark h2{
   width: 50%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
   font-size:medium;
}
#findPark img{
   margin-top: 1%;
   margin-left: 48%;
   margin-bottom: 2%;
}

#parkDetails img {
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
#register{
   padding-top: 5%;
}

#register h2{
   width: 50%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
   font-size:medium;
}

#register img{
   margin-top: 1%;
   margin-left: 48%;
   margin-bottom: 2%;
}

#sitemap {
   padding-top: 5%;
   margin-left: auto;
   margin-right: auto;
}

#sitemap ul{
   text-align: center;  
}

#sitemap li{
   font-style: oblique;
   margin-left: 45%;
   text-align: left;
}

#contact{
   paddingtop: 5%;
   margin-left: auto;
   margin-right: auto;
}

#contact p{
   text-align: center;
}

#privacy{
   padding-top: 5%;
}


h1.ourTeam{
   font-weight: bold;
   font-size:20px; 
	padding:0px 0px 10px 0px;
   text-align: center;
}

#teamList h2{
	font-size:120%;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
   width: auto;
   padding-left: 15%;
   
}

#teamList{
   text-align: center;
   width: 100%;

}

#user1 {
   text-align: left;
   position: relative;
   float:left;
   padding-left:15%;
}
#user2 {
   text-align: left;
   position: relative;
   float:right;
   margin-right: 22%;
}

#user3 {
   text-align: left;
   margin-top: 25%;
   margin-left: -31%;
   position: relative;
   float:left;
   padding-left: 7%;
}
#user4 {
   text-align: left;
   margin-top: 7.5%;
   
   position: relative;
   float:right;
   margin-right: 19%;
}

#adminPage{
   padding-top: 5%;
   text-align: center;
}

#adminPage h2{
   font-weight: bold;
	font-size:120%;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
   width: auto;
}

#userPage{
   padding-top: 5%;
   text-align: center;
}

#userPage h2{
   font-weight: bold;
	font-size:120%;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
   width: auto;
}

#userContainer{
   padding-top: 2%;
   padding-bottom: 1%;
   background-color: #d4f7bf;
   width: 198%;
   height: 95px;
   padding-left: 2%;

      
}

#userContainer a{
      padding-left: 2%;
}
#users{
   margin-top: -3.5%;
   width: 50%;
}


#userResults{
   padding-top: 5%;
   margin-left: auto;
   margin-right: auto;
   width: 70%;
}

#userContainer:hover{
   color: #FFF;
   background-color: #56991a;
      padding-left: 2%;
      
         
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

#userContainer:hover a{
   color: #FFF;
   background-color: #56991a;
      padding-left: 2%;
}



a.delete:hover{
   font-style: italic;
}

a.edit:hover{
   font-style: italic;
}

a.delete:hover{
   font-style: italic;
}


p.userList{
   margin-left: 25%;
}
label.lblEmail{
   padding-right: 14%;
}

img.delete{
   margin-top: 1%;
   border: none;
   background:url('images/delete.png');
}
span.users{
   text-align: left;
   margin-right:5%;
      position: absolute;
}
span.value{
   text-align: right;
   margin-left: 9%;
         position: absolute;
}


#jQueryUIAccordion{
   margin-left: 10.9px;
   margin-top: 280px;
   width: 221px;
   float:left;
   position: absolute;
}

p.users{
   text-align: center;
}

#proposal{
   padding-top: 5%;
   text-align: center;
}

#proposal h2{
   font-weight: bold;
	font-size:120%;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
   width: auto;
}

#reports{
   padding-top: 5%;
   margin-left: auto;
   margin-right: auto;
   width: 56%;
}

#reports h2{
   font-weight: bold;
	font-size:120%;
	padding:0px 0px 10px 0px;
   text-align: center;
   margin-bottom: 5px;
   width: auto;
}

#searchResults p{
   text-align: center;
   
}

#resultName h2{
   color: #006600;
   font-weight: bold;
   padding-left: 4%;
   font-size: 80%;
   padding: 1% 0 1% 2%;
}

#resultName p{
   color: #006600;
   text-align: right;
   font-size: 80%;
   padding: 1% 0 1% 2%;
}

p.proposal_msg{
   margin-top: 5%;
   
}

#jQueryUIAccordion h2 {
   width: 191px;
   background-color: #56991a;
   text-align: center;
   line-height: 1.1em;
   font-size:1em;
   font-family: Trebuchet, Geneva, sans-serif;
   color:#FFF;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
}
#jQueryUIAccordion .ui-widget {
   font-family: inherit;

}

#jQueryUIAccordion .ui-accordion-header {
   color: #000;
   text-decoration: none;
   font-size:.8em;
   font-family: Verdana, Geneva, sans-serif;
   border-color: #FFF;
   background-color: #FFF;

}

#jQueryUIAccordion .ui-accordion-content {
   font-family: Verdana, Geneva, sans-serif;
   color: #006600;
   font-size:.7em;
   background-color: #FFF;
   border-color: #FFF;
}

#jQueryUIAccordion .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
   color: #006600;
}

/* Active text color */
#jQueryUIAccordion .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
   color: #006600;
}

/* Active background color */
#jQueryUIAccordion .ui-state-active {
   background-color: #d4f7bf;
}

/* text color when you hover */
#jQueryUIAccordion .ui-state-hover a, .ui-state-hover a:hover {
   font-weight: normal;
}

/* background color when you hover */
#jQueryUIAccordion .ui-state-hover {
   background-color: #d4f7bf;
}


/* Corner radius */
#jQueryUIAccordion .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
#jQueryUIAccordion .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
#jQueryUIAccordion .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
#jQueryUIAccordion .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#jQueryUIAccordion .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 6px; }
#jQueryUIAccordion .ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
#jQueryUIAccordion .ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
#jQueryUIAccordion .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
#jQueryUIAccordion .ui-corner-all { -moz-border-radius:0px; -webkit-border-radius: 0px; }
